---
title: Tabs
description: Responsive tab components for Tailwind CSS v4. Tabbed navigation UI for organizing content sections with customizable styles, icons, and interactions. Accessible tabs component library for modern web applications.
category: application
emoji: 📑
slug: tabs
tag: new
wrapper: h-[400px]
terms:
  - navigation
components:
  - { title: 'Base', dark: true }
  - { title: 'With icons', dark: true }
  - { title: 'Vertical', dark: true }
  - { title: 'Underline', dark: true }
  - { title: 'Pills', dark: true }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Tab Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
